<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>中国银行账户余额查询</title>
<style>
  body {
    font-family: 'Arial', sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
  }
  .container {
    max-width: 400px;
    margin: 50px auto;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
  h1 {
    text-align: center;
    color: #333;
  }
  .form-group {
    margin-bottom: 15px;
  }
  label {
    display: block;
    margin-bottom: 5px;
  }
  input[type="text"],
  input[type="password"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
  }
  button {
    width: 100%;
    padding: 10px;
    background-color: #e60012;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
  }
  button:hover {
    background-color: #c6000f;
  }
  .language-select {
    text-align: right;
    width: 20px;
  }
</style>
</head>
<body>
<div class="container">
  <h1>致信银行账户</h1>
  <form id="balanceForm">
    <div class="form-group">
      <label for="phoneNumber">+86手机号(中国内地)</label>
      <input type="text" id="phoneNumber" name="phoneNumber" placeholder="输入手机号">
    </div>
    <button type="submit">下一步</button>
  </form>
  <div class="language-select">
   
    <select id="language" name="language">
      <option value="zh-CN">简体中文</option>
      <option value="en-US">English</option>
      <!-- 可以添加更多语言选项 -->
    </select>
  </div>
</div>

<script>
  document.getElementById('balanceForm').addEventListener('submit', function(event) {
    event.preventDefault();
    var phoneNumber = document.getElementById('phoneNumber').value;
    if (phoneNumber) {
      // 这里可以添加发送请求到后端的代码
      alert('下一步操作，手机号为: ' + phoneNumber);
    } else {
      alert('请输入手机号');
    }
  });
</script>
</body>
</html>
